import React from "react";
import NavTabBar from "./utils/NavTabBar";
import "./utils/container.css"
import HomePage from "./pages/home/HomePage";
import {Route, Routes} from "react-router-dom";
import MePage from "./pages/me/MePage";
import OrderPage from "./pages/order/OrderPage";
import FavourPage from "./pages/favour/FavourPage";
import PersonInfo from "./pages/info/PersonInfo";
import SignUpPage from "./pages/sign/SignUpPage";
import PassengersPage from "./pages/passengers/PassengersPage";

interface AppProps {

}

interface AppState {

}

class App extends React.Component<AppProps, AppState>{

    render() {

        return (
            <>
                <div className={"page-container"}>
                    <Routes>
                        <Route path={"/favour"} element={<FavourPage />} />
                        <Route path={"/order"} element={<OrderPage />} />
                        <Route path={"/me/info"} element={<PersonInfo />} />
                        <Route path={"/me/signup"} element={<SignUpPage />} />
                        <Route path={"/me/passengers"} element={<PassengersPage />} />
                        <Route path={"/me"} element={<MePage />} />
                        <Route path={"/"} element={<HomePage />}/>
                    </Routes>
                </div>
                <NavTabBar />
            </>
        );
    }

}

export default App;
